<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>word-wrap</h1>
    <div style="word-wrap:normal">
        <h3>word-wrap:normal —— 只在允许的断字点换行</h3>
        This paragraph contains a very long word: 
        thisisaveryveryveryveryveryverylongword. dsffdgrh121324gfdgfhhgjhkkjlkl;
        The long word will break and wrap to the next line.Thisparagraph contains a very long wordthisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.dsffdgrh121324gfdgfhhgjhkkjlkl;dsffdgrh121324gfdgfhhgjhkkjlkl;
    </div>
    <div style="word-wrap:break-word">
        <h3>word-wrap:break-word —— 在长单词或 URL 地址内部进行换行(允许长单词或 URL 地址换行到下一行)</h3>
        This paragraph containsdsffdgrh121324gfdgfhhgjhkkjlkl; a very long word: thisisaveryveryveryveryveryverylongword.dsffdgrh121324gfdgfhhgjhkkjlkl;dsffdgrh121324gfdgfhhgjhkkjlkl;dsffdgrh121324gfdgfhhgjhkkjlkl;dsffdgrh121324gfdgfhhgjhkkjlkl;dsffdgrh121324gfdgfhhgjhkkjlkl;dsffdgrh121324gfdgfhhgjhkk
    </div>
</body>

</html>